<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=JP-Z&nickName=八字精批-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title><!--{$title}--></title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <style>
        .bzjp_zf_container{padding:0.1rem 0.1rem 1.2rem;background: #F9ECB8;}
       .bzjp_zf_top{
           background:url('__PUBLIC__/images/bzjp_img/img_bannerbg830.jpg') no-repeat;
           background-size:100% 100%;
           margin-bottom: 0.2rem;
       }
       .redColor{color:#f73232;font-size:0.32rem;font-weight: 600;}
       .bzjp_zf_content{
           width:50%;
           padding-top:0.5rem;
           margin-left:0.4rem;
       }
       .bzjp_color{color:#f73232;}
       .bzjp_zf_content p{font-size:0.28rem;color:#333333;}
       .bzjp_zf_content p:nth-child(3){font-size:0.24rem;color:#333333;padding-top:0.14rem;padding-bottom: 0.2rem;text-align: center;}
       .ljck_btn{
           background-color:#f73232;
           font-size:0.36rem;
           color:#ffffff;
           text-align: center;
           border-radius: 0.7rem;
           height:0.8rem;
           line-height: 0.8rem;
           width:80%;
           margin:0 auto;
        }
        .bzjp_zf_time{font-size:0.24rem;color:#333333;padding:0.2rem 0;text-align: center;}
        .bzjp_zf_center{background-color:#ffffff;padding:0.2rem;}
        .bzjp_zf_center_bg{
            background:url('__PUBLIC__/images/bzjp_img/img_mohu.png') no-repeat;
            background-size:100% 100%;
            box-sizing: content-box;
            background-color:#ffffff;
            height:8.84rem;
            color:#333333;
            text-align: center;
            position: relative;
        }
        .bzjp_zf_center_title{padding-top:0.2rem;font-size:0.48rem;}
        .bzjp_zf_center_lineNum{font-size:0.27rem;padding-top:0.3rem;padding-bottom: 0.4rem;}
        .bzjp_zf_center_bg .zf_line{width:85%;margin:0 auto;font-size:0.27rem;text-align: left;margin-bottom: 0.1rem;line-height: 0.5rem;}
        .bzjp_zf_center_bg .J_btn{width:75%;margin:0.7rem auto 0;}
        .bzjp_zf_center_bg .J_btn img{vertical-align: middle;}
        .bzjp_zf_center_foot{font-size:0.28rem;color:#000000;position: absolute;width:100%;bottom:0.3rem;}

        .bzjp_zf_foot_title{
            font-size:0.32rem;color:#333333;
            padding:0.6rem 0;
            text-align: center;
        }
        .bzjp_zf_foot_title::before,.bzjp_zf_foot_title::after{
            content:'';
            background:url('__PUBLIC__/images/bzjp_img/img_icon.png') no-repeat;
            background-size:100% 100%;
            width:0.4rem;
            height:0.4rem;
            display:inline-block;
            vertical-align: middle;
        }
        .bzjp_zf_foot_title::before{margin-right:0.2rem;}
        .bzjp_zf_foot_title::after{margin-left:0.2rem;}


        .bzjp_zf_foot_list{}
        .bzjp_zf_foot_list li{list-style: none;padding-bottom: 0.6rem;}
        .bzjp_zf_foot_list li h3{
            font-size:0.32rem;
            color:#333333;
            font-weight: 600;
            padding-bottom: 0.3rem;
        }
        .bzjp_zf_foot_list li h3::before{
            content: '';
            width:0.30rem;
            height:0.34rem;
            display: inline-block;
            margin-right:0.4rem;
            background:url('__PUBLIC__/images/bzjp_img/img_sanjiao icon.png') no-repeat;
            background-size:100% 100%;
            vertical-align: middle;
        }
        .bzjp_zf_foot_list li p{font-size:0.27rem;margin-bottom: 0.12rem;}
        .bzjp_zf_foot_list li p:last-child{margin-bottom:0; }
        .bzjp_zf_fiexd_btn{
            position: fixed;
            bottom: 0;
            left:0;
            width: 100%;
            z-index: 33;    
        }
        .btn_bg{
            background:url('__PUBLIC__/images/bzjp_img/pngimg_btn_xuanfu.png') no-repeat;
            background-size:100% 100%;
            height:1rem;
            width:7.3rem;
            margin:0 auto;
        }
        /* 6-13算命术 */
        .ms_container{background-color:#ffffff;margin-top:0.2rem;}
        .ms_wrap{padding:0.3rem 0.2rem 0.4rem;}
        .ms_title{
            width:6.5rem;
            height:0.6rem;
            line-height: 0.6rem;
            background:url('__PUBLIC__/images/bzjp_img/ms_title1.png') no-repeat;
            background-size: 100% 100%;
            text-align: center;
            font-size:0.3rem;
            color:#333333;
            font-family: PingFangSC-Semibold, sans-serif;
            margin:0 auto 0.2rem;
        }
        .ms_title2{
            width:2.94rem;
            height:0.6rem;
            line-height: 0.6rem;
            background:url('__PUBLIC__/images/bzjp_img/ms_title2.png') no-repeat;
            background-size: 100% 100%;
            text-align: center;
            font-size:0.3rem;
            color:#333333;
            font-family: PingFangSC-Semibold, sans-serif;
            margin:0 auto 0.2rem;
        }
        .s_wrap{
            padding:0.2rem 0.4rem;
            background:url('__PUBLIC__/images/bzjp_img/bj_01.png') no-repeat;
            background-size:100% 100%;
            min-height: 1.8rem;
            box-sizing: border-box;
            margin-bottom: 0.6rem;
        }
        .s_wrap2{
            background:url('__PUBLIC__/images/bzjp_img/bj_02.png') no-repeat;
            background-size:100% 100%;
            min-height: 6.2rem;
            position: relative;
        }
        .ms_btn{
            width:4.2rem;
            height:0.9rem;
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);;
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -webkit-tap-highlight-color: transparent;
        }
        .s_wrap p{font-size:0.26rem;color:#333333;text-align: center;line-height: 0.52rem;}
    </style>
</head>
<body>
    <include file="Public/header"/>
    
    <div class="bzjp_zf_container">
        <div class="bzjp_zf_top">
            <div class="bzjp_zf_content">
                <h2 class="redColor"><if condition="$znickname eq '匿名'">你好<else /><!--{$znickname}--></if>：</h2>
                <p>你的出生日期是 <span class="redColor"><!--{$datetype}--></span> 八字为<span class="redColor"><!--{$sizhu[0]}--> <!--{$sizhu[1]}--> <!--{$sizhu[2]}--> <!--{$sizhu[3]}--></span>。以下是你的八字详细分析。神准！！<span class="redColor"><!--{$bztaisui}-->  <!--{$yearName}-->年你会遭遇特别不一样的运势，会是你<span class="redColor">极为关键</span>的一年，有重大变化，一定要看本报告！</span></p>
                <p class="orderMoney"><span>只需<!--{$Think.cookie.priceName}--></span></p>
                <div class="ljck_btn">立即查看</div>
            </div>
            <p class="bzjp_zf_time"><span>【赠送<!--{$yearName}-->年运势】</span>距优惠结束:&nbsp;&nbsp;<span class="bzjp_color" id="timestr">01:59:59</span></p>
        </div>
        <div class="bzjp_zf_center">
            <div class="bzjp_zf_center_bg">
                <p class="bzjp_zf_center_title"><if condition="$znickname eq '匿名'">你<else /><!--{$znickname}--></if>的八字详细分析报告</p>
                <p class="bzjp_zf_center_lineNum">(8000-2万字)</p>
                <p class="zf_line">1.内含你从小到大的经历，婚姻情况，近两年运势事业、财运、健康、流月运势等情况</p>
                <p class="zf_line">2.预防车祸意外早知道；身体易得疾病早预测，中医学指导；晚年运；</p>
                <p class="zf_line">3.私人八字订制每日运势，如每日财运、打牌运指南等</p>
                <div class="J_btn"><img src="__PUBLIC__/images/bzjp_img/img_btn2.png" alt="" width="100%"></div>
                <p class="bzjp_zf_center_foot">共123页</p>
            </div>
            <div class="bzjp_zf_foot_title">梁真老师将为您详尽解析</div>
            <ul class="bzjp_zf_foot_list">
                <li>
                    <h3>您的性格分析</h3>
                    <p>1.想知道你拥有什么样的<span class="bzjp_color">双重性格</span>吗？</p>
                    <p>2.你的性格会给你的人生带来<span class="bzjp_color">帮助还是阻碍</span>？</p>
                    <p>3.你的性格有什么<span class="bzjp_color">优缺点</span></p>
                </li>
                <li>
                    <h3>您的一生财运分析</h3>
                    <p>1.哪几年是你<span class="bzjp_color">大富大贵</span>的机会？</p>
                    <p>2.怎么样的风水布局能<span class="bzjp_color">让你风生水起</span>？</p>
                    <p>3.你在<span class="bzjp_color">求财上</span>会有<span class="bzjp_color">哪些阻碍</span>，怎么提前预防</p>
                </li>
                <li>
                    <h3>您的婚姻走势分析</h3>
                    <p>1.你的婚姻里会出现<span class="bzjp_color">第三者</span>吗，如何破解？</p>
                    <p>2.分析你的<span class="bzjp_color">感情状况</span>，你们的婚姻会走向何方？</p>
                    <p>3.你的一生会有<span class="bzjp_color">二婚</span>吗，适合早婚还是晚婚？</p>
                </li>
                <li>
                    <h3>您的健康状况分析</h3>
                    <p>1.你未来的需要注意哪方面的<span class="bzjp_color">健康问题</span>？</p>
                    <p>2.哪一年需要特别注意<span class="bzjp_color">防治疾病破财</span>？</p>
                    <p>3.你适合什么样生活方式来保持健康？</p>
                </li>
                <li>
                    <h3>您的事业成就分析</h3>
                    <p>1.你的一生是碌碌无为还是功名成就？</p>
                    <p>2.你的成功路上是否有<span class="bzjp_color">小人当道</span>？</p>
                    <p>3.什么时候能<span class="bzjp_color">遇见贵人</span>，在哪儿发展<span class="bzjp_color">更能成功</span>？</p>
                </li>
                <li>
                    <h3>您的流月运程</h3>
                    <p>1.把握人生未来走势，助你趋吉避凶</p>
                    <p>2.为你的人生指明方向，少走弯路</p>
                </li>
            </ul>
        </div>
        <!-- 6-13新增 -->
        <div class="ms_container">
            <div class="ms_wrap">
                <div class="ms_title">根据民间秘传鬼谷子算命术，您的命诗为：</div>
                <div class="s_wrap">
                    <p><!--{$guaci[1]}--></p>
                </div>
                <div class="ms_title2">白话文解释为：</div>
                <div class="s_wrap2">
                    <div class="ms_btn"><img src="__PUBLIC__/images/bzjp_img/ms_btn.png" alt="" width="100%"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 悬浮按钮 -->
    <div class="bzjp_zf_fiexd_btn"><div class="btn_bg"></div></div>
    <!-- 支付弹窗 -->
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">
                <!--<div id="qrcode"></div>-->
                <!--<a href="&lt;!&ndash;{:U('Bzjp/jieguoye','',false)}&ndash;&gt;" class="zf weixin"><img src="__PUBLIC__/images/public/wxzf.png" alt="微信支付"/>测试直接看结果</a>-->
                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>
        </div>
    </div>


    <include file="Public/qudao135zhifu"/>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script>
        // H5支付事件
        var ispress = true;
        function payMoney(payType){
            if(ispress){
                ispress = false;
                layer.load();
                if(payType == "wx"){
                    layer.closeAll('loading');
                    window.location.href="<!--{:U('Bzjp/paywx','',false)}-->";
                }else if(payType == "zfb"){
                    layer.closeAll('loading');
                    $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
                }
                setTimeout(function(){
                    layer.closeAll('loading');
                },30000)
                setTimeout(function(){
                    ispress = true;
                },2000)
            }else{
                console.log('你不能重复发起支付')
            }
        }

        var channel = "<!--{$channel}-->";
        var QTTopenid = "<!--{$Think.cookie.QTTopenid}-->";
        var ordernum="<!--{$Think.cookie.orderid}-->";
        var wxlogin='<!--{$Think.cookie.wxlogin}-->';

        var payBoolean;
        function Monitor(){
            if (channel == 'qudao245' && QTTopenid != '') { //趣头条支付
                payMoney245();
                exit;
            } else if (channel == 'appaidou') { //爱豆支付
                aidouPay();
                exit;
            }

            if (wxlogin == 1) {
                $(".weixinzf").click();
            }else{
                $('#publicPayPopup').css('display','block');
            }
        }


        $('.bzjp_zf_fiexd_btn').on('click',function(){//悬浮付费解锁所有项
            $.getJSON("<!--{:U('Index/fufeiyeXfan','',false)}-->",{csName:'JP'},function(data){//回调入库
            });
            Monitor();

        })
        $('.J_btn').on('click',function(){//解锁查看内容
            $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'JP'},function(data){//回调入库
            });
            Monitor();
        })
        $('.ms_btn').on('click',function(){//ms解锁查看内容
            Monitor();
            $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'JP'},function(data){//回调入库
            });
        })
        $('.ljck_btn').on('click',function(){//立即查看
            $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->",{csName:'JP'},function(data){//回调入库
            });
            Monitor();
        })

        $('#publicPPClose').on('click',function(){
            Monitor();
            $('#publicPayPopup').css('display','none');
        })

        setInterval(function(){
            $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
                $('#timestr').text(data);
            });
        },1000);

        var wxlogin="<!--{$wxlogin}-->";
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->',// 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'scanQRCode'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
            wx.onMenuShareAppMessage({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->",function(data){//回调入库
                    });
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->",function(data){//回调入库
                    });
                }

            });

            wx.onMenuShareQQ({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
            });

        });
        $(".weixinzf").on('click',wxzf);
        function wxzf(){
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                        "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                        "nonceStr":"<!--{$nonceStr}-->", //随机串
                        "package":"<!--{$package}-->",
                        "signType":"<!--{$signType}-->",         //微信签名方式：
                        "paySign":"<!--{$paySign}-->" //微信签名
                    },
                    function(res){
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            location.href="<!--{:U('Bzjp/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                        }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
            );
        }
    </script>
</body>
</html>